<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>登录</title>
  <style type="text/css">
    body {
      margin: 20px;
      background-image: url("/img/background.jpeg");
      background-position: center;
      background-repeat: no-repeat;
      background-attachment: fixed;
      background-size: cover;
    }

    .box{
      margin-top: 200px;
      border-radius: 10px;
      margin-left: 520px;
      width: 35vw;
      height: 40vh;
      background-color: white;
      text-align: center;
      line-height: 40px;
      padding: 10px;
      opacity:0.93;
    }

    .bot {
      margin-top: 15px;
      margin-left: 85px;
      width: 10vw;
      height: 5vh;
      background-color: aquamarine;
      color: honeydew;
      border-radius: 5px;
      border-color: powderblue;
      font-family: Arial, Helvetica, sans-serif;
      font-size: large;
      opacity: 1;
    }
    </style>
</head>
<body>
<div class="box" id="bigbox">
  <h1 style="margin-top: 40px;">咸鱼二手交易平台登陆</h1>
  <form action="/market/login" method="post" th:href="@{/market/login}">
    <div style="margin-left: 50px;">用户名：
        <input id="user" name="username" style="margin-left: 24px;" type="text" placeholder="请输入用户名">
    </div>
    <div style="margin-left: 50px;">密码：
      <input id="password" name="password" style="margin-left: 40px;" type="password" placeholder="请输入密码">
    </div>
  <input type="submit" class="bot" value="登录"></input>
  </form>
  <a style="margin-left: 50px;" th:href="@{/market/register}"><u>用户注册</u></a>
</div>
</body>
</html>
